<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>
	<meta http-equiv="content-type" content="text/xml; charset=utf-8" /> 
    <title>Reference</title>
    <meta name="description" content="Green Travel - About Us"  /> 
	<meta name="keywords" content="green travel, rmit, project, e-business, semester 2012A, reference, vietnam, vietnam travel"  /> 
	<link rel="stylesheet" type="text/css" href="formatstyles.css"/> 
	<link rel="stylesheet" type="text/css" href="divstyles.css"/> 
    <link rel="stylesheet" type="text/css" href="style/css/jquery-ui-1.8.18.custom.css" />
	
	<!-- include CSS always before including js -->

	<!-- include jQuery library -->
	<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
	<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
	<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
	<script type="text/javascript" src="js/scripts.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
	<script type="text/javascript" src="js/login.js"></script>
	<script type="text/javascript" src="js/register.js"></script>
	<link rel="stylesheet" type="text/css" media="screen" href="style/css/demos.css"/>
	<style type="text/css" media="screen"> 
		@import "style/css/uni-form.css"; 
	</style>
	
	<!-- Demo page js -->
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.uni-form.js"></script>
	
	<!-- Star Rating widget stuff here... -->
	<script type="text/javascript" src="js/jquery.ui.stars.js"></script>
	<link rel="stylesheet" type="text/css" href="style/css/crystal-stars.css"/>
	<script type="text/javascript" src ="js/language-en.js"></script> 
	<script type="text/javascript" src ="js/nopcart.js" language="javascript"> 
	
      //============================================================== 
      //               NOP Design JavaScript Shopping Cart               
      //-------------------------------------------------------------- 
	  //       Visit NOP Design at http://www.nopdesign.com/freecart     
	  //============================================================== 
	</script>

</head>

<body>
<div id="fade" style="display:none;"></div>
	<!-- This is the page section -->
	<div id="page_section">

		<!-- This is the banner --> 
		<div> 
 			<?php include("banner.php"); ?>
		</div> 
		<!-- This is end of the banner --> 
    
    	<div id="user-cpanel">
			<?php include("user_cpanel.php"); ?>
        </div>
        
        <div class="wan-clear"></div>
        
        <div id="user-form">
       		<?php include("user-form.php"); ?>
		</div>
        
		<div id="topnav">
           <?php include("top-nav.php"); ?>
        </div>
		
<!-- This is the content -->
		<div id="content">
		<div style="font-size:30px;text-align:center;color:#037A74">References</div>
			<table id="reference">
            	<tr style="background-color:#008080">
                	<th>Reference Purposes</th>
                	<th>Guidelines</th>
                	<th>What did we learn?</th>
                	<th>How did we apply?</th>
                	<th>Where did we apply?</th>
                </tr>
                
                <tr>
                	<td rowspan="5">Website Template</td>
                	<td><a href="http://www.balkhis.com/web-designs-resources/20-stunning-examples-of-horizontal-navigation-menus" target="_blank">Balkhis</a></td>
                	<td>Customize Web Templates</td>
                	<td>We apply this into our template</td>
                	<td><a href="index.html">index.html</a></td>
                </tr>
                
                <tr>
                	<td><a href="http://www.ibm.com/developerworks/xml/library/os-php-flexobj" target="_blank">IBM</a></td>
                    <td>Dynamic Page</td>
                    <td>We apply this into our template</td>
                    <td><a href="index.html">index.html</a></td>
                </tr>
                
                <tr>
                	<td><a href="http://cwo.ucsd.edu/toolkit/guidelines.html" target="_blank">UC San Diego</a></td>
                    <td>Design Header and Footer</td>
                    <td>We apply this into our website template</td>
                    <td><a href="index.html">index.html</a></td>
                </tr>

                <tr>
                	<td><a href="http://cwo.ucsd.edu/toolkit/instructions.html" target="_blank">UC San Diego</a></td>
                    <td>Build the Website</td>
                    <td>We apply this into every page</td>
                    <td><a href="index.html">index.html</a></td>
                </tr>
                
                <tr>
                	<td><a href="http://www.hoggnet.com/instructions/instructions_file.htm#Using the E-commerce Buttons" target="_blank">Hogg Networking</a></td>
                    <td>Location of Extra Graphics</td>
                    <td>We apply this into the whole page</td>
                    <td><a href="index.html">index.html</a></td>
                </tr>                                                
                
                <tr>
                	<td rowspan="4"><p>Navigation</p></td>
                	<td><a href="http://www.balkhis.com/web-designs-resources/20-stunning-examples-of-horizontal-navigation-menus" target="_blank">Balkhis</a></td>
                	<td>Design Navigation</td>
                	<td>We look at my different navigation bar for reference</td>
                	<td><a href="index.html">index.html</a></td>
                </tr>                
                
                <tr>
                	<td><a href="http://www.entheosweb.com/website_design/website_navigation_tips.asp" target="_blank">Entheos</a></td>
                	<td>Clear and Prominent</td>
                	<td>We apply it for our menu bar on top of each page</td>
                	<td><a href="index.html">index.html</a></td>
                </tr>

                <tr>
                	<td><a href="http://www.webdesignbooth.com/horizontal-navigation-menus-tips-tricks-and-showcases" target="_blank">WebDesignBooth</a></td>
                	<td>Horizontal Menu with Drop Down Menus</td>
                	<td>We apply this for our sub – items in navigation bar</td>
                	<td><a href="index.html">index.html</a></td>                               
                </tr>
                
                <tr>
                	<td><a href="http://www.smashingmagazine.com/2009/03/17/breadcrumbs-in-web-design-examples-and-best-practices-2/#more-4863" target="_blank">Smashing Magazine</a></td>
                	<td>Breadcrumbs in Web Design</td>
                	<td>We apply this for tour page and transport page</td>
                	<td><a href="tour.php?tourID=1">tour.php</a>, <a href="transport.php?reg=1">transport.php</a></td>
                </tr>
                <tr>
                	<td rowspan="3"><p>Home Page</p></td>
                	<td><a href="http://www.lakeshorebranding.com/company/blog/7-best-practices-for-an-effective-homepage/" target="_blank">Lakeshorebranding</a></td>
                	<td>Easy Navigation</td>
                	<td>We simplify navigation bar and make it readable to most eye conditions</td>
                	<td><a href="index.html">index.html</a></td>
                </tr>
                <tr>
                	<td><a href="http://www.useit.com/homepageusability/guidelines.html">Useit</a></td>
                	<td>Graphics Orientation</td>
                	<td>We mostly use pictures instead of words</td>
                	<td><a href="index.html">index.html</a></td>
                </tr>
                <tr>
                	<td><a href="http://www.lakeshorebranding.com/company/blog/7-best-practices-for-an-effective-homepage/">Lakeshorebranding</a></td>
                	<td>Self Explanation</td>
                	<td>We apply this to prominently display the business of the company</td>
                	<td><a href="index.html">index.html</a></td>
                </tr>
                <tr>
               	  <td rowspan="6"><p>Functionality</p></td>
                	<td><a href="http://www.smashingmagazine.com/web-design-essentials-examples-and-best-practices/" target="_blank">Smashing Magazine</a></td>
                	<td>Brief Explanation with &quot;More Details&quot; Function</td>
                	<td>We apply this in displaying tour details with brief content and full content by &quot;more details&quot; button</td>
                	<td><a href="tour.php?reg=1">tour.php</a></td>
                </tr>    
                <tr>
              	<td><a href="http://www.smashingmagazine.com/web-design-essentials-examples-and-best-practices/" target="_blank">Smashing Magazine</a></td>
                	<td>Upcoming Events (Count Down)</td>
                	<td>We apply this in our homepage with special tours count down</td>
                	<td><a href="index.html">index.html</a></td>
                </tr>
                <tr>
              	<td><a href="http://www.smashingmagazine.com/web-design-essentials-examples-and-best-practices/" target="_blank">Smashing Magazine</a></td>
                	<td>About Me is Important Assest</td>
                	<td>We decorate nicely &quot;About Us&quot; page with useful information about the company and developers of the site</td>
                	<td><a href="about.html">about.html</a></td>
                </tr>
                <tr>
              	<td><a href="http://www.smashingmagazine.com/2008/08/05/7-essential-guidelines-for-functional-design/" target="_blank">Smashing Magazine</a></td>
                	<td>Errors and Mistakes Handling</td>
                	<td>We setup business rules when in registration</td>
                	<td><a href="registration.html">registration.html</a></td>
                </tr>
                <tr>
              	<td><a href="http://www.publichistory.org/reviews/rating_system.html" target="_blank">PublicHistory</a></td>
                	<td>Rating System</td>
                	<td>We apply this in tour review with customer review history</td>
                	<td><a href="tour.php?tourID=1">tour.php</a></td>
                </tr>
                <tr>
              	<td><a href="http://www.useit.com/homepageusability/guidelines.html" target="_blank">UseIt</a></td>
                	<td>Search Function</td>
                	<td>We apply this in various pages to search under give criteria</td>
                	<td><a href="index.html">index.html</a></td>
                </tr>
                <tr>
                	<td rowspan="4"><p>Content</p></td>
                	<td><a href="http://terrymorris.net/bestpractices/" target="_blank">TerryMorris</a></td>
                	<td>Content Display with Proper Font and Information</td>
                	<td>We apply this in various pages</td>
                	<td><a href="tour.php?reg=1">tour.php</a>, <a href="transport.php?reg=1">transport.php</a>, <a href="ebook.php">ebook.php</a></td>
                </tr>
                <tr>
                	<td><a href="http://www.smashingmagazine.com/2009/03/31/backgrounds-in-web-design-examples-and-best-practices-2/" target="_blank">Smashing Magazine</a></td>
                	<td>Content Display with Proper Background</td>
                	<td>We apply this in various pages</td>
                	<td><a href="tour.php?reg=1">tour.php</a>, <a href="transport.php?reg=1">transport.php</a>, <a href="ebook.php">ebook.php</a></td>
                </tr>
                <tr>
                	<td><a href="http://www.smashingmagazine.com/web-design-essentials-examples-and-best-practices/" target="_blank">Smashing Magazine</a></td>
                	<td>Shopping Cart Display, Button Actions and About Page</td>
                	<td>We apply this in various pages</td>
                	<td><a href="managecart.html">managecart.html</a>, <a href="about.html">about.html</a></td>
                </tr>
                <tr>
                	<td><a href="http://www.businesslink.gov.uk/bdotg/action/detail?itemId=1075384964&r.i=1075384957&r.l1=1073861197&r.l2=1074448623&r.l3=1075384855&r.s=sc&r.t=RESOURCES&type=RESOURCES" target="_blank">BusinessLink</a></td>
                	<td>Amount and Placement of Content</td>
                	<td>We apply this in various pages to display a reasonable amount of details in a page.</td>
                	<td><a href="managecart.html">managecart.html</a>, <a href="about.html">about.html, <a href="tour.php?reg=1">tour.php</a>, <a href="transport.php?reg=1">transport.php</a></td>
                </tr>
                <tr>
               	  <td rowspan="3"><p>SEO</p></td>
                	<td><a href="http://searchengineland.com/21-essential-seo-tips-techniques-11580" target="_blank">SearchEngineLand</a></td>
                	<td>Use of Social Media, Keywords, Meta Tags, Including Sitemap</td>
                	<td>We integrate social network, use various keywords and meta tags and provide a sitemap</td>
                	<td><a href="tour.php?tourID=1">tour.php</a>, <a href="sitemap.html">sitemap.html</a></td>
                </tr>
                <tr>
                	<td><a href="http://searchenginewatch.com/article/2064592/25-Design-Best-Practices-for-Your-Small-Business-Web-Site" target="_blank">SearchEngineWatch</a></td>
                	<td>Use of Headings, Sitemap, Navigation, Pictures, Hyperlink Keywords</td>
                	<td>We apply this in various pages</td>
                	<td><a href="sitemap.html">sitemap.html</a>, <a href="about.html">about.html, <a href="tour.php?reg=1">tour.php</a>, <a href="transport.php?reg=1">transport.php</a></td>
                </tr>
				<tr>
                	<td><a href="http://www.toprankblog.com/2011/03/integrated-seo-social-media/" target="_blank">Top Rank Blog</a></td>
                	<td>Social Media Integration</td>
                	<td>We apply "like" button on FB and "+1" on Google+</td>
                	<td><a href="tour.php?tourID=1">tour.php</a></td>
                </tr>
            </table>
		</div>
        
		<div class="wan-clear"></div> 
<!-- This is end of the content -->
	</div> 
<!-- This is end of the page section -->
<br />
<!-- This is the footer -->
		<div id="footer"> 
			This website is a student project that is intended to be used only for academic purposes. This page was created by Duy, Le Quang
		</div> 
<!-- This is end of the footer -->
</body>

</html>